const pxtorem = require('postcss-pxtorem')

module.exports = {
  outputDir: 'dist', // 打包构建时的输出目录
  publicPath: process.env.NODE_ENV === 'production' ? '' : '/', // 部署应用包时的基本 URL
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          pxtorem({
            rootValue: 75,
            propList: ['*', '!font*'],
            selectorBlackList: ['van'],
          }),
        ],
      },
    },
  },

  devServer: {
    port: 9527, // 端口
    open: true, // 自动打开浏览器
    proxy: { // 反向代理
      '/zs': {
        target: 'http://192.168.1.137:3000', // 完整的地址：http://192.168.1.137:3000/api/v1/login
        changeOrigin: true, // 跨域
        pathRewrite: { // 路径重写
          '^/zs': '',
        },
      },
      '/ls': {
        target: 'http://192.168.1.211:8000', // http://192.168.1.211:8000/api/v1/register
        changeOrigin: true,
        pathRewrite: {
          '^/ls': '',
        },
      },
      '/music': {
        target: 'https://music.163.com', // 完整的地址：https://music.163.com/music/store/api/product/ipbanner?type=1
        changeOrigin: true,
        pathRewrite: {
          '^/music': '',
        },
      },
    },
  },

  // 扩展 webpack 的配置
  // configureWebpack: {
  //   externals: { // 从打包后的结果中排除，可使用 cdn 引入外部资源来优化页面加载速度
  //     vue: 'Vue',
  //     'vue-router': 'VueRouter',
  //     vuex: 'Vuex',
  //   },
  // },
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
      return {
        externals: { // 从打包后的结果中排除，可使用 cdn 引入外部资源来优化页面加载速度
          vue: 'Vue',
          'vue-router': 'VueRouter',
          vuex: 'Vuex',
        },
      }
    } else {
      // 为开发环境修改配置...
      return {}
    }
  },
}
